$(function(){
  var page =1
  var pageSize = 5
  render()
  function render(){
    $.ajax({
      url:'/category/querySecondCategoryPaging',
      type:'get',
      data:{
        page:page,
        pageSize:pageSize
      },
      success:function(info){
        // console.log(info)
        $("tbody").html(template("tmp",info))
        $("#paginator").bootstrapPaginator({
          bootstrapMajorVersion:3,
          currentPage:page,
          totalPages:Math.ceil(info.total / info.size),
          onPageClicked:function(a,b,c,p){
            page = p
            render()
          }
        })
      }
    })

  }

  // 添加分类
  $(".btn_add").on("click",function(){
    $("#addModal").modal("show");
    $.ajax({
      url:'/category/queryTopCategoryPaging',
      type:'get',
      data:{
        page:1,
        pageSize:100
      },
      success:function(info){
        console.log(info);
        $(".dropdown-menu").html(template("tmp2",info))
      }
    })
  })
  // 选择一级分类
  $(".dropdown-menu").on("click","li",function(){
    var content = $(this).children().html();
    $(".dropdown_text").html(content);
    $("[name = categoryId]").val($(this).data("id"));
    $("form")
    .data('bootstrapValidator')
    .updateStatus("categoryId", "VALID")
  })

  // 上传图片
  $("#file").fileupload({
    //e：事件对象
    //data：图片上传后的对象，通过e.result.picAddr可以获取上传后的图片地址
    done:function (e, data) {
        console.log(data);
        $(".box_img img").attr("src",data.result.picAddr);
        $("[name = brandLogo]").val(data.result.picAddr);
        $("form")
        .data('bootstrapValidator')
        .updateStatus("brandLogo", "VALID")
    }
});

//使用表单校验插件
$("form").bootstrapValidator({
  //1. 指定不校验的类型，默认为[':disabled', ':hidden', ':not(:visible)'],可以不设置
  excluded: [],

  //2. 指定校验时的图标显示，默认是bootstrap风格
  feedbackIcons: {
    valid: 'glyphicon glyphicon-ok',
    invalid: 'glyphicon glyphicon-remove',
    validating: 'glyphicon glyphicon-refresh'
  },

  //3. 指定校验字段
  fields: {
    brandName: {
      validators: {
        //不能为空
        notEmpty: {
          message: '二级分类名称不能为空'
        },
      }
    },
    categoryId: {
      validators: {
        //不能为空
        notEmpty: {
          message: '请选择一级分类名称'
        },
      }
    },
    brandLogo: {
      validators: {
        //不能为空
        notEmpty: {
          message: '请上传图片'
        },
      }
    },
    
  }
})

$("form").on('success.form.bv', function (e) {
    e.preventDefault();
    //使用ajax提交逻辑
    $.ajax({
      url:'/category/addSecondCategory',
      type:'post',
      data:$("form").serialize(),
      success:function(info){
        console.log(info);
        if(info.success){
          page = 1
          render()
          $("#addModal").modal("hide");
          $("form")
          .data('bootstrapValidator')
          .resetForm(true);

          $(".dropdown_text").html("请选择一级分类");
          $(".box_img img").attr("src",'images/none.png');
          
        }
      }
    })
});
});

